"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Example;

var _react = _interopRequireDefault(require("react"));

var _design = require("@discuzq/design");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function Example() {
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "popover-page"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "popover-container--base"
  }, /*#__PURE__*/_react.default.createElement(_design.Popover, {
    placement: "TL",
    background: "#ec8b5a",
    content: /*#__PURE__*/_react.default.createElement("div", {
      style: {
        color: "#fff"
      }
    }, "content")
  }, /*#__PURE__*/_react.default.createElement(_design.Button, null, "\u8BBE\u7F6E\u6D6E\u5C42\u80CC\u666F")), /*#__PURE__*/_react.default.createElement(_design.Popover, {
    placement: "TL",
    background: "#9277f1",
    content: /*#__PURE__*/_react.default.createElement("div", {
      style: {
        color: "#fff"
      }
    }, "content")
  }, /*#__PURE__*/_react.default.createElement(_design.Button, null, "\u8BBE\u7F6E\u6D6E\u5C42\u80CC\u666F")), /*#__PURE__*/_react.default.createElement(_design.Popover, {
    placement: "TL",
    background: "#D84176",
    content: /*#__PURE__*/_react.default.createElement("div", {
      style: {
        color: "#fff"
      }
    }, "content")
  }, /*#__PURE__*/_react.default.createElement(_design.Button, null, "\u8BBE\u7F6E\u6D6E\u5C42\u80CC\u666F")), /*#__PURE__*/_react.default.createElement(_design.Popover, {
    placement: "TL",
    background: "#AED581",
    content: /*#__PURE__*/_react.default.createElement("div", {
      style: {
        color: "#fff"
      }
    }, "content")
  }, /*#__PURE__*/_react.default.createElement(_design.Button, null, "\u8BBE\u7F6E\u6D6E\u5C42\u80CC\u666F")), /*#__PURE__*/_react.default.createElement(_design.Popover, {
    placement: "TL",
    background: "#9C27B0",
    content: /*#__PURE__*/_react.default.createElement("div", {
      style: {
        color: "#fff"
      }
    }, "content")
  }, /*#__PURE__*/_react.default.createElement(_design.Button, null, "\u8BBE\u7F6E\u6D6E\u5C42\u80CC\u666F"))));
}